/* =color
Gris Foncé : 1C1B1A
Gris Claire : DEDCD5
Bleu Foncé : 336699
Bleu Turquoise : 5CC9F2
-------------------------------------------------*/

body { 
	padding: 0; margin: 0;	
	text-align:center;
	background-color: #FFF;
}

.date { color:#999999; font-size:0.85em; }

/* =heads
-------------------------------------------------*/
h1 a { text-decoration:none; }
h1 a:hover { border-bottom: 1px solid; text-decoration:none; }

/* =tables
-------------------------------------------------*/
table{border-collapse:collapse;border-spacing:0;}
table { margin: 0.5em 0 1.5em 0; }
table tr.odd { background: #F5F5F5; }
table th { border-bottom: 2px solid #369; border-top: 1px solid #369; padding: 0 0.4em 0.4em 0.4em; }
table td { padding: 0.4em; }

/* =form
-------------------------------------------------*/
form {}
form input[type="text"] { border: 1px solid #369; width:90%; }
form label { margin-top:1em; }
form textarea { margin:0;font-size:100%;color:#333; border: 1px solid #369; width:90%; }
form input.radio { display:block;line-height:1.4em;margin:6px 0 0 3px;width:13px;height:13px; }
form label.choice { font-size:100%;display:block;line-height:1.4em;margin:-1.55em 0 0 25px;padding:4px 0 5px 0;color:#222;width:90%; }
form fieldset {width:auto;}

/* =container
-------------------------------------------------*/
#container { 
	padding: 0; 
	margin: 20px auto; 
	width: 780px;
	text-align:left;
}

/* =header
-------------------------------------------------*/
#header {
	float:left;
	height:100px;
	width:780px;
	margin-bottom:20px;
}

#header h1 {
	display:block;
	margin:0;
	position: absolute;
	width: 150px;
	height: 101px;
	background: url('../images/logo/eurojob_logo.png') no-repeat; 
}

#header h1 a {
	color:#000000;
	margin:0pt;
	background:transparent;
	text-decoration:none;
	border:0;
	display:block;
	text-indent: -10000px;
	width: 150px;
	height: 101px;
}

/*
#header h1 {layout.css (line 5)
background:transparent url(../images/logos/logo_fr.gif) no-repeat scroll 5px 8px;
display:block;
height:80px;
margin:0pt;
position:absolute;
width:350px;
}
color:#000000;
display:block;
height:85px;
margin:0pt;
text-decoration:none;
text-indent:-10000px;
width:350px;
*/


/* =corner-menu
-------------------------------------------------*/
#corner-menu {
	float:right;
	width:500px;
}

/* =toplinks
-------------------------------------------------*/
#toplinks {}
#toplinks { float: right; width:450px; text-align:right; font-size: 0.95em;}
#toplinks ul { list-style:none; }
#toplinks ul li { float:right; border-right:solid 1px; padding-right:6px; margin-left:6px;}
#toplinks ul li.last { border-right: none; }
#toplinks ul li a { text-decoration:none; padding: 2px 4px; }
#toplinks ul li a:hover { background:#336699; color:#FFF; }

/* =breadcrumbs
------------------------------------------------*/
#breadcrumbs {}
#breadcrumbs { 
  margin-top: 0;
  margin-bottom: 1.5em;
	font-size:0.95em;
}
#breadcrumbs a { text-decoration: none; color: #369; }
#breadcrumbs a:link { text-decoration: none; color: #369; }
#breadcrumbs a:hover { text-decoration: none; color: #FFF; background: #369; }


/* =flags
-------------------------------------------------*/
#flags { margin: 0; margin-top:3px; float: right; width: 50px; }
#flags a { float: right; display: block; text-indent:-10000px; width:16px; height:14px; margin-left: 7px; } 
#flags a.fr {  background: url("../images/fr.png") no-repeat; }
#flags a.de { background: url("../images/de.png") no-repeat; }

/* =menu
-------------------------------------------------*/
#menu { }
#menu { display:inline; clear:both; float:right; width:auto;}
#menu { clear:both; float:right; width:600px; height:26px; padding:0; margin:0; margin-top: 30px;}
#menu-s { float:right; width:20px; height:26px; background: url('../images/menu_left.gif') no-repeat top left;}
#menu ul { height:26px; list-style:none; float:right; background: url('../images/menu_right.gif') no-repeat top right; margin:0; padding:0; padding-right:20px;}
#menu ul li { float: left; padding: 0 10px; margin:0; line-height:26px; background: #1C1B1A; }
#menu ul li a { float: left; display:block; color: #FFFFFF; text-decoration:none; margin:0; padding:0 10px; }
#menu ul li.current a { background: #336699; }
#menu ul li a:hover { background: #336699; }


/* =submenu
-------------------------------------------------*/
#submenu {}
#submenu {clear:both; float:right; border-bottom:1px solid #DEDCD5; width:500px; }
#submenu ul { list-style:none; float:right; background: #FFF; margin:0; }
#submenu ul li { float: left; padding: 2px 10px; margin:0; background: url('../images/bullet.gif') no-repeat left 0.643em; }
#submenu ul li.first { float: left; padding: 2px 10px; margin:0; background: none; }
#submenu ul li a { float: left; color: #1C1B1A; text-decoration:none; margin:2px 0; padding:0 10px; }
#submenu ul li a.current { color: #336699; font-weight:bold; font-size:0.95em;}
#submenu ul li a:hover { color: #336699; background: transparent; }

/* =wrapper
-------------------------------------------------*/
#wrapper { float:left; background: url(../images/column.gif) repeat-y 5px 0; margin-top:20px; margin-bottom:20px; }

/* =main
-------------------------------------------------*/
#main {}
#main { float:left; width:468px; }
#main #m { margin:0; margin-left:0; padding-right:15px; }
#main h1 a:hover { background:transparent; color: #369; }


/* =subnav
-------------------------------------------------*/
#subnav {}
#subnav { float:right; width:312px; }
#subnav #m { margin:0; margin-left:15px; }
#subnav h2 { font-family: verdana, arial, helvetica, sans-serif; font-size:1em; line-height: 1.1em;}
#subnav h2 a { color: #369;}
#subnav h2 a:hover { background-color:transparent; text-decoration:none; border-bottom:1px solid; }
#subnav h2 a:visited { color:#444; text-decoration:none; }


/* =footer
-------------------------------------------------*/
#footer {}
#footer { width:780px; clear:both; float:left; border-top: 15px solid #DEDCD5; background-color:#336699; padding-bottom:20px;}
#footer p, #footer a { font-size: 0.95em; }
#footer h2 { color: #FFF; margin-bottom: 1.5em; }
#footer a { color: #FFF; text-decoration:none; }
#footer a:link, a:active { }
#footer a:hover { border-bottom: 1px dotted #5CC9F2; }
#footer a:visited {  }
*/


/* =our-services
-------------------------------------------------*/
#our-services {}
#our-services { float:left; width:468px;} 
#our-services li { color: #5CC9F2; }
#our-services #m { padding: 0 15px 15px 15px; }

/* =contact-us
-------------------------------------------------*/
#contact-us {}
#contact-us { float:right; width:312px; color: #DEDCD5;}
#contact-us #m { padding: 0 15px 15px 15px; }

/* =bottom-bar
-------------------------------------------------*/
#bottom-bar {}
#bottom-bar {clear:both; width:740px; border-top: 1px solid #DEDCD5; height:1%; margin: 0 20px; }

/* =bottomlinks
-------------------------------------------------*/
#bottomlinks { }
#bottomlinks { clear:both; float:left; color: #DEDCD5; font-size: 0.875em; }
#bottomlinks ul { float:left; list-style: none; margin: 0 20px; }
#bottomlinks ul li { float:left; margin:5px 5px 0 0; border-right:1px solid #DEDCD5; padding-right: 5px;}
#bottomlinks ul li.last { border-right:0; }
#bottomlinks a { color: #FFFFFF; text-decoration:none; }

/* =ban
-------------------------------------------------*/

#ban { clear:both; float:left; width:780px; height:160px; background: url(../images/ban/ban.gif) no-repeat top left; }
#ban #text { float:left; width: 480px; text-align:center; }
#ban h1, #ban h2, #ban h3 { color: #1C1B1A; font-weight:normal; padding:0; line-height:0;}
#ban h1 { font-size: 2.1em; line-height: 1.5em; margin: 0 0 20px 20px; }
#ban.de h1 { font-size: 2.1em; line-height: 1.5em; margin: 0 0 20px 20px; }
#ban h2 { font-size: 1.6em; line-height: 1.5em; margin: 20px 0 0 20px; }
#ban blockquote { font-family: georgia, times; font-size: 1.2em; line-height: 1.2em; font-style:italic; margin: 10px 0 10px 40px; }
#ban img {float: right; margin: 10px 40px 0 0; }
#ban img.bottom { margin: 18px 50px 0 0; }
#ban img.middle { margin: 9px 50px 0 0; }

/* =flash_notice
-------------------------------------------------*/
#flash_notice {}
#flash_notice { padding:1em; border:3px solid #369; background-color:#7FAFDF; color:#FFF; margin-bottom:20px; }
